<template>
  <div>
    <h1>palyground</h1>
    <!-- 上传组件 -->
    <image-upload :limit="2" />
    <!-- Checkbox 多选框 -->
    <!--
      el-checkbox-group  绑定v-model 绑定数组（---选中哪个按钮，就把哪个按钮label的值加入checkList数组）
      el-checkbox 的 label属性是该 checkbox 对应的值
      若该标签中无内容，则该属性也充当 checkbox 按钮后的文字。
      若标签有内容，按钮后的文字为该内容
     -->
    <el-checkbox-group v-model="checkList">
      <el-checkbox label="复选框 A">内容</el-checkbox>
      <el-checkbox label="复选框 B" />
      <el-checkbox label="复选框 C" />
      <el-checkbox label="禁用" disabled />
      <el-checkbox label="选中且禁用" disabled />
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  name: 'Palyground',
  data() {
    return {
      checkList: ['选中且禁用', '复选框 A']
    }
  }
}
</script>

<style>

</style>
